<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>CSS3波形loading动画特效</title>
	
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/demo.css">
	
	<link rel="stylesheet" href="css/style.css">
	
</head>
<body>

		<div class="shaft-load">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>

		<div class="shaft-load2">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>

		<div class="shaft-load3">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>

		<div class="shaft-load4">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>

		<div class="shaft-load5">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>

		<div class="shaft-load6">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>


		<div class="shaft-load7">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>

		<div class="shaft-load8">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>

		<div class="shaft-load9">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>

		<div class="shaft-load10">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>

		<div class="shaft-load11">
		  <div class="shaft1"></div>
		  <div class="shaft2"></div>
		  <div class="shaft3"></div>
		  <div class="shaft4"></div>
		  <div class="shaft5"></div>
		  <div class="shaft6"></div>
		  <div class="shaft7"></div>
		  <div class="shaft8"></div>
		  <div class="shaft9"></div>
		  <div class="shaft10"></div>
		</div>

</body>
</html>